<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2022-08-19 09:25:05
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2022-08-19 10:03:01
 * @FilePath: \backstage\src\components\public\noData.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="nodata">
        <div class="nodataImg">
            <img src="@/assets/img/nodata.png" alt="" />
            <div class="title">这里什么都没有~~</div>
        </div>

    </div>
</template>

<script>
export default {};
</script>

<style scoped>
.nodata {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nodata .nodataImg {
    width: 300px;
    height: 200;
}

.nodata .nodataImg img {
    width: 100%;
    height: 100%;

}

.nodataImg .title {
    width: 100%;
    text-align: center;
    color: rgba(215, 247, 255, 1);
    font-size: 30px;
}
</style>